﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="referrer" content="no-referrer" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>图书馆</title>
<link type="text/css" rel="stylesheet" href="files/library/Css/reset.css" />
<link type="text/css" rel="stylesheet" href="files/library/Css/1024_768.css" />
<link type="text/css" rel="stylesheet" media="screen and (min-width:861px) and (max-width:960px)" href="files/library/Css/pad_heng.css" />
<link type="text/css" rel="stylesheet" media="screen and (min-width:601px) and (max-width:860px)" href="files/library/Css/pad.css" />
<link type="text/css" rel="stylesheet" media="screen and (min-width:481px) and (max-width:600px)" href="files/library/Css/tel_heng.css" />
<link type="text/css" rel="stylesheet" media="screen and (max-width:480px)" href="files/library/Css/tel.css" />
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>

<body>


<div class="w_100_l">
	<div class="main">
      <div class="top_banner">
            <div class="top_logo">
            <!--img src="files/library/Images/top_logo.jpg" alt="A BOOK APART LOGO" /-->
            <img src="http://wx3.sinaimg.cn/large/005LmDmFgy1ftfn25cdzgj306u01vweo.jpg" alt="A BOOK APART LOGO" />
            </div>
            <div class="top_menu"  style="font-size:36px;">
            	<ul>
                	<li id="index" class="sel"><a href="/lib"  style="font-size:17px">主页</a></li>
                	<li id="bc"><a href="/lib?category=bc" style="font-size:17px">编程</a></li>
                	<li id="zt"><a href="/lib?category=zt" style="font-size:17px">杂谈</a></li>
                	<li id="gj"><a href="/lib?category=gj" style="font-size:17px">工具</a></li>
                	<li id="qt"><a href="/lib?category=qt" style="font-size:17px">其他</a></li>
                </ul>
            </div>
            <script>
            	$("#index").removeClass("sel");
            	$("#qt").removeClass("sel");
            	$("#gj").removeClass("sel");
            	$("#bc").removeClass("sel");
            	$("#zt").removeClass("sel");
            	$("#$category").addClass("sel");
            </script>
            
            
        </div>
        <span class="index_img"><!--  files/library/Images/banner_img.jpg--><img src="http://wx2.sinaimg.cn/large/005LmDmFgy1ftfmt332e8j30q408c7a3.jpg" alt="Dan Cederholm" border="0" usemap="#Map" />
        <map name="Map" id="Map">
          <area shape="rect" coords="857,230,930,269" href="#" alt="buy now" />
        </map>
        </span>
        <p class="index_hr"></p>
        <!--  div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div-->
      <div class="content">
      <div ng-app="myApp" ng-controller="myCtrl">
            <h1 class="h1_book_title">书籍列表</h1>
        	<ul>
        	#foreach($book in $books)
            	<li>
                	<dl>
                    	<dd><a href="$book.book_url"><img width="100px" height="143px" src="$book.book_cover" alt="book" /></a></dd>
                        <dt>
                        <p class="book_title"><a href="$book.book_url" target="_blank">$book.book_title</a></p>
                            #if($book.b2)
                            <p class="book_inline">输入密码查看 密码: <input ng-model="name" value="" style="border: 1px solid #d63c60;padding: 3px 2px;width: 100PX;">
                            <br>
                            <p><a class='book_buy' ng-click="jmp($event, '$book.book_url', name)" target='_blank'>开始阅读</a></p> 
                            #else
                            <p class="book_inline">$book.book_brief</p><br>
                            <a class="book_buy"   href="$book.book_url" target="_blank">开始阅读</a>
                            #end
                            
                        <p class="news_title_1"><span class="span_1"></span><span class="span_2"></span></p></dt>
                    </dl>
                </li>
                #end    
                </ul>
      </div>
      </div>
        <p class="index_hr"></p>
        <div class="content_press">
        	<div class="press_porsen_01">
                <h1>书本推荐</h1>
            	<dl>
                	<dd><img src="http://wx3.sinaimg.cn/small/005LmDmFgy1g0ouougv1tj30ma0rsn2s.jpg" alt="person" /></dd>
                    <dt>
                    	<p class="date">Apr 03, 2019</p>
                        <p class="book_title"><a href="#" target="_blank">git简明教程</a></p>
                        <p class="book_intro">
                        	简明的介绍了git上传下载合并等操作，区分UI客户端和命令行方式进行介绍，简单易懂.<br><a href="/lib/read/47">点击阅读</a>.
                        </p>
                    </dt>
                </dl>
            </div>
            <div class="press_porsen_02">
                <h1><span class="span_2"><a href="#"> More Articles →</a></span><span class="span_1"><a href="#">Press Room RSS</a></span></h1>
            	<dl>
                	<dd><img src="files/library/Images/img_lives.jpg" alt="book img" /></dd>
                    <dt>
                    	<p class="date">Mar 31, 2014</p>
                        <p class="book_title"><a href="#" target="_blank">待定</a></p>
                        <p class="book_intro">
                        	暂无介绍. <a href="#">点击阅读</a>                        </p>
                    </dt>
                </dl>
            </div>
        </div>
        <p class="index_hr"></p>
        <h1 class="news_title">隶属于 <a href="http://note.rrblogs.com/">代码笔记</a>，原版图书馆样式 <a href="http://codenote.gitee.io/magic_library/">在此</a></h1>
        
        <p class="index_hr" style="margin-top:20px;"></p>
        <div class="footer">
           <span class="span_1">&copy; Copyright 2018, CodeNote</span>&nbsp;&nbsp;
            <a href="#">帮助 & 关于</a>
            <a class="a1" href="#">RSS feed</a>
            <a class="a2" href="#">新浪微博</a>
            <span class="span_2"><b>Published by</b><img src="files/library/Images/icon_hg.jpg" align="absmiddle" /></span>
        </div>
    </div>
</div>


<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.jmp = function(event,url ,name) {
        console.log("run.", event, url ,name);
        window.open(url+"?pw="+name)
      }
});
</script>
</body>
</html>